.headshot {
    cursor: pointer;
    flex-shrink: 0;
    border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-size: cover;
    box-sizing: border-box;
    border-radius: 30%;
    // background-image: url('../../../../assets/images/avatar.jpg');
}
.user-info-span{
    width: auto;
    margin-right: 45px;
    color: #FFF;
}
.date-info-span{
    width: auto;
    margin-right: 30px;
    color: #FFF;
}
.user-info-img{
    margin-right: 30px;
    height: 32px;
    width: 32px;
}
.middle-logout {
    position: absolute;
    width: 60px;
    height: 22px;
    right: 30px;
    top: 29px;
    cursor: pointer;
    background: url(../../../../assets/images/desktop/logout.png) no-repeat;
}


